import { Selector } from './config';
const createStyles = () => {
  let styles = `
    :host .${Selector} {
        width: var(--sen-card-width);
        border-radius: var(--sen-border-radius);
        background-color: var(--sen-card-bg);
        box-shadow: var(--sen-card-shadow, 0px 0px 12px rgba(0, 0, 0, .72));
        padding: var(--sen-card-padding);
        border: 1px solid var(--sen-card-border, #414243);
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    `;
};
export function renderTamplate() {
  const baseTemplate = `
    <style></style>
    <div class="sen-card-body">
    </div>
`;
}
